<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <link rel="stylesheet" href="../../assets/iconfont/iconfont.css">
    <link rel="stylesheet" href="../../assets/common/common.css">
    <link rel="stylesheet" href="./huanche.css">
    <title>Document</title>
</head>

<body>
    <div class="header flex aic jc-sb">
        <div class="left pl-20 aic flex ">
            <a href="./carhome.html" class="iconfont icon-zuojiantou"></a>
        </div>
        <div class="center aic f16">
            <span>还车登记</span>
        </div>
        <div class="right pr-20 aic flex">
            <span></span>
        </div>
    </div>
    <ul class="list ">
        <li class="item flex ml-20 aic ">
            <span class="base">*</span>
            <a href="./classdetail.html" class="f14">关联申请用车审批单</a>
        </li>
        <li class="item flex ml-20 aic">
            <input type="radio"><span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
            <span class="f14">无需关联,直接登记</span>
        </li>
        <li class="item1 flex ml-20 aic jc-sb ">
            <div>
                <input type="radio"><span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
            </div>
            <a href="./shenpi.html" class="fg1">
                <p>
                    <span class="f14">李凡凡的用车申请审批</span>
                </p>
                <p class="f12 flex mt-5">
                    <span>申请车辆:</span>
                    <span class="lanse ml-15">客户专用车</span>
                </p>
            </a>
            <div class="youjiantou flex  jc-e mr-20">
                <i class="iconfont icon-jiantou"></i>
            </div>
        </li>
        <li class="item1 flex ml-20 aic jc-sb ">
            <div>
                <input type="radio"><span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
            </div>
            <a href="./shenpi.html" class="fg1">
                <p>
                    <span class="f14">李凡凡的用车申请审批</span>
                </p>
                <p class="f12  flex mt-5">
                    <span>申请车辆:</span>
                    <span class="lanse ml-15">物资专用车</span>
                </p>
            </a>
            <div class="youjiantou flex  jc-e mr-20">
                <i class="iconfont icon-jiantou"></i>
            </div>
        </li>
    </ul>
    <ul class="nextlist mt-10 ">
        <li class="item flex aic jc-sb">
            <a href="./chosecar.html" class="flex ml-20 f14">
                <span class="base">*</span>
                <span>选择车辆</span>
                <span>&nbsp;&nbsp;&nbsp;</span>
                <span>客户专用车</span>
            </a>
            <div class="mr-20 ">
                <i class="iconfont icon-jiantou f12"></i>
            </div>
        </li>
        <li class="item flex aic jc-sb">
            <p class="flex ml-20 f14">
                <span class="base">&nbsp;</span>
                <span>用车部门</span>
                <span>&nbsp;&nbsp;&nbsp;</span>
                <span>销售部</span>
            </p>
        </li>
        <li class="item flex aic jc-sb">
            <p class="timer flex ml-20 f14">
                <span class="base">*</span>
                <span>出车时间</span>
                <span>&nbsp;&nbsp;&nbsp;</span>
                <span>03月20日&nbsp;12.30</span>
            </p>
            <div class="mr-20 ">
                <i class="iconfont icon-jiantou f12"></i>
            </div>
        </li>
        <li class="item flex aic jc-sb">
            <p class="flex ml-20 f14">
                <span class="base">&nbsp;</span>
                <span>出车地点</span>
                <span>&nbsp;&nbsp;&nbsp;</span>
                <input type="text" placeholder="请输入">
            </p>
        </li>
        <li class="item flex aic jc-sb">
            <p class="flex ml-20 f14">
                <span class="base">&nbsp;</span>
                <span>仪表盘里程</span>
                <span>&nbsp;&nbsp;&nbsp;</span>
                <input type="text" placeholder="请输入">
            </p>
        </li>
        <li class="item flex aic jc-sb">
            <p class="timer flex ml-20 f14">
                <span class="base">*</span>
                <span>回车时间</span>
                <span>&nbsp;&nbsp;&nbsp;</span>
                <span>03月20日&nbsp;13.00</span>
            </p>
            <div class="mr-20 ">
                <i class="iconfont icon-jiantou f12"></i>
            </div>
        </li>
        <li class="item flex aic jc-sb">
            <p class="flex ml-20 f14">
                <span class="base">&nbsp;</span>
                <span>回车地点</span>
                <span>&nbsp;&nbsp;&nbsp;</span>
                <input type="text" placeholder="请输入">
            </p>
        </li>
        <li class="item flex aic jc-sb">
            <p class="flex ml-20 f14">
                <span class="base">&nbsp;</span>
                <span>仪表盘里程</span>
                <span>&nbsp;&nbsp;&nbsp;</span>
                <input type="text" placeholder="请输入">
            </p>
        </li>
        <li class="item2 flex aic jc-sb">
            <p class="flex ml-20 f14 aic">
                <span class="base">&nbsp;</span>
                <span>上传附件</span>
                <i class="iconfont icon-fujianattachment14"></i>
                <span>&nbsp;&nbsp;&nbsp;</span>
                <span class="fujian f12">支持pdf, doc, docx, html, txt, jpg, png<br>等格式文件上传，文件大小不超过10MB</span>
            </p>
        </li>
        <div class="yongche pl-20 mt-10">
            <p class="text f14 pt-15">
                <span>用车事由</span>
            </p>
            <p class="shurukuan mt-10 flex ">
                <span>&nbsp;&nbsp;&nbsp;</span><input type="text" placeholder="请输入">
            </p>
        </div>
        <div class="chengcheren mt-10 pl-20">
            <div class="neibu  flex fdc pt-15">
                <span class="f16">内部乘车人</span>
            </div>
            <a href="./number.html">
            <img class="rel mt-10" src="../../assets/img/u4263.png" alt="">
            <img class=" img2 abs" src="../../assets/img/u4264.png" alt="">
            </a>
        </div>

        <div class="yongche pl-20 mt-10 ">
            <p class="text f14 pt-10">
                <span>车况备注</span>
            </p>
            <p class="shurukuan mt-10 flex ">
                <span>&nbsp;&nbsp;&nbsp;</span><input type="text" placeholder="请输入">
            </p>
        </div>
        <div class="beijing jc-c aic mt-10 flex">
            <div class="footer flex  aic jc-c">
                <a href="./carhome.html">
                    <span class="text">提交</span>
                </a>
            </div>
        </div>
    </ul>
    <div class="pop rel fixed">
        <div class="caidan abs">
            <div class="dingbu flex jc-sb pl-15 pr-15 ">
                <span class="sel">取消</span>
                <span class="base sel">确定</span>
            </div>
            <div class="riqi mt-10">
                <p class="flex jc-sa mt-10">
                    <span>2020年</span>
                    <span>01月</span>
                    <span>01日</span>
                    <span>01时</span>
                    <span>01分</span>
                </p>
                <p class="flex jc-sa mt-10">
                    <span>2019年</span>
                    <span>01月</span>
                    <span>01日</span>
                    <span>01时</span>
                    <span>01分</span>
                </p>
                <p class="flex jc-sa mt-10">
                    <span>2018年</span>
                    <span>01月</span>
                    <span>01日</span>
                    <span>01时</span>
                    <span>01分</span>
                </p>
                <p class="tebie flex jc-sa mt-10">
                    <span>2017年</span>
                    <span>01月</span>
                    <span>01日</span>
                    <span>01时</span>
                    <span>01分</span>
                </p>
                <p class="flex jc-sa mt-10">
                    <span>2016年</span>
                    <span>01月</span>
                    <span>01日</span>
                    <span>01时</span>
                    <span>01分</span>
                </p>
                <p class="flex jc-sa mt-10">
                    <span>2015年</span>
                    <span>01月</span>
                    <span>01日</span>
                    <span>01时</span>
                    <span>01分</span>
                </p>
                <p class="flex jc-sa mt-10">
                    <span>2014年</span>
                    <span>01月</span>
                    <span>01日</span>
                    <span>01时</span>
                    <span>01分</span>
                </p>
            </div>
        </div>
    </div>
    <div class="yincang fixed rel">
        <div class="item abs">
            <p class="type flex jc-c aic">
                <span class="text">拍照</span>
            </p>
            <p class="type flex jc-c aic">
                <span class="text">文件</span>
            </p>
            <p class="type flex jc-c aic">
                <span class="text">相册</span>
            </p>
            <p class="type1 flex jc-c aic">
                <span class="text1">取消</span>
            </p>
        </div>
    </div>

    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script>
        // 日期显示隐藏
        $('.pop').hide()
        $('.timer').on('click', function () {
            $('.pop').show()
        })
        $('.pop').on('click', '.sel', function () {
            $(this).closest('.pop').hide()
        })
        
        // 附件隐藏
        $('.yincang').hide()
        $('.fujian').on('click',function(){
            $('.yincang').show()
        })
        $('.yincang').on('click','.text1',function(){
            $(this).closest('.yincang').hide();
        })
    </script>
</body>

</html>